<template>
  <!-- 关于我们内层第二屏 -->
  <div class="container">
    <img src="./img/shubiao.png" alt="" class="shubiao" @click="fun()" />
    <h3>JOIN <span>US</span></h3>
    <ul v-show="isShow === true">
      <li v-for="(item, index) in text" :key="index">
        <img src="./img/02SanJiao.png" alt="" />{{ item.content }}
      </li>
    </ul>

    <ul class="ul_Two" v-show="isShow === false">
      <li v-for="(item, index) in textTwo" :key="index">
        <img src="./img/02SanJiao.png" alt="" />{{ item.content }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {
      isShow: true,
      text: [
        {
          content:
            '我们的办公地点位于陕西西安市雁塔区高新六路26号融信科技园密斯楼6层，临近地铁口、出行十分便利。'
        },
        {
          content:
            '作为一家致力于数字孪生可视化智慧平台的国家级高新技术企业，我们的工作氛并非十分严肃。公司内部扁平化管理、团队相处轻松，但面对工作事项时，需要你快速行动、全力以赴、高效协作。'
        },
        {
          content:
            '我们的团队是一个复合型团队，核心团队成员由海内外经验丰富的从业者组成，团队里是一群主动沟通、主动反馈、主动跟进的小伙伴。'
        },
        {
          content:
            '如果你是对自己高标准、严要求的同学，这里会非常适合你。 如果你是从北上广深或海外回归古城西安的伙伴、如果你习惯快节奏并期待与强者同行，那么这里有你喜欢的和你想要的。'
        }
      ],
      textTwo: [
        {
          content:
            '我们提倡高效率工作、上下班时间可以弹性制，也支持你在完成工作内容之余自己学习充电，更提供有每周一次的健身锻炼机会。'
        },
        {
          content:
            '如果你喜欢小动物，这里还有一只可爱的喵星人小姑娘“露娜~”，你也可以带上自己的宠物小伙伴一起上班，当然——不影响工作是大前提。'
        },
        {
          content:
            '我们正在招聘的职位可以看看招聘网站上的信息（例如BOSS直聘），或者直接发简历给hr邮箱。'
        },
        {
          content:
            '我们的愿景是期待并致力于成为全国顶级的数字孪生解决方案公司，期待你的加入！'
        }
      ]
    };
  },
  computed: {},
  mounted() {},
  methods: {
    fun() {
      this.isShow = !this.isShow;
    }
  },
  components: {}
};
</script>

<style scoped lang="less">
.shubiao {
  position: absolute;
  right: 24.5%;
  top: 80%;
  cursor: pointer;
}
.shubiao:hover {
  transform: scale(1.2);
}

.container {
  width: 100vw;
  height: 100vh;
  background-image: url('./img/01aboutBj.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 16vh;
    overflow-y: hidden;
  overflow-x: hidden;
  h3 {
    font-size: 0.66rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #2ae5a1;
    margin-left: 60vw;
    margin-top: 1vh;
    span {
      color: #fff;
    }
  }
  ul {
    margin-top: 4vh;
    width: 32vw;
    margin-left: 60vw;
    li {
      margin-top: 4vh;
      position: relative;
      line-height: 3vh;
      width: 100%;
      font-size: 0.18rem;
      font-family: PingFang SC;
      color: #ffffff;
      opacity: 0.79;
      list-style: none;
      img {
        position: absolute;
        width: 0.5vw;
        left: -1.5vw;
        top: 0.9vh;
      }
    }
  }
}
</style>
